<template>
  <div id="menutop">
    <el-menu class="el-menu-demo menutop-nav" mode="horizontal" @select="handleSelect" background-color="#333333" text-color="#fff" active-text-color="#fff">
      <el-menu-item index="1">
        <div style="width: 150px">
          <img src="../../assets/images/setting01.png" height="50"/> <span><h2 style="display: inline">管理后台</h2></span>
        </div>
      </el-menu-item>
      <el-submenu index="2" class="menutop-nav-sub" style="float: right;">
        <template slot="title">我的工作台</template>
        <el-menu-item index="2-1">修改密码</el-menu-item>
        <el-menu-item index="2-2" @click="logout">退出</el-menu-item>
      </el-submenu>
    </el-menu>
  </div>
</template>

<style scoped>
  .menutop-nav {
    border-bottom: none;
  }

  .el-menu-item, .el-submenu__title {
    border-bottom-color: #333333 !important;
  }
</style>